<template>
  <div class="block">
    <el-avatar :size="60" :src="circleUrl" />
  </div>
</template>

<script setup>
import { reactive, toRefs } from 'vue'

const state = reactive({
    circleUrl:
    'https://ts1.cn.mm.bing.net/th/id/R-C.451eb4f3577bcb3980c9eea8f2635482?rik=Jg08MZs0aNN0mg&riu=http%3a%2f%2fm.imeitou.com%2fuploads%2fallimg%2f2018082817%2fuulzgsar5vy.jpg&ehk=Kg78F1rZG%2bwBxsyzAW%2fsZSrvUD97WDrNhwpxYWWvmOg%3d&risl=&pid=ImgRaw&r=0',


})
const { circleUrl} = toRefs(state)
</script>

<style lang="scss" scoped></style>
